<script setup lang="ts">
withDefaults(
  defineProps<{
    prefix?: string;
    name?: string;
    color?: string;
    width?: string;
    height?: string;
  }>(),
  {
    prefix: "#icon-",
    color: "",
    width: "16px",
    height: "16px",
  }
);
</script>

<template>
  <svg :style="{ width, height }">
    <use :xlink:href="prefix + name" :fill="color"></use>
  </svg>
</template>

<style scoped lang="scss"></style>
